@media only screen and (width: 414px){
	.home{
		width: 100%;
		height: 100%;	
	}
	.title_item_img,.item_img{
		width: 100%;
		height: 100%;
	}
	.home_swiper{
		width: 100%;
		height: 155px;
	}
	 .home_main{
		width: 100%;
		background-color: rgb(226, 226, 226);
	}

	.main_box1{
		width: 100%;
		height: 100px;
		margin: 13px 0px;
    	background-color: white;
	}
	.box1_span{
		float: left;
    	width: 275px;
	}
	.box1_span span:nth-child(1){
		width: 260px;
		overflow:hidden;
		margin-left: 10px;
		display:-webkit-box;
		-webkit-line-clamp:3;
		white-space: pre-wrap;
		text-overflow:ellipsis;
		-webkit-box-orient:vertical;
	}
	.box1_span span:nth-child(2){
		font-size: 12px;
		overflow:hidden;
		margin-top: 16px;
		margin-left: 10px;
		display:-webkit-box;
		-webkit-line-clamp:1;
		white-space: pre-wrap;
		text-overflow:ellipsis;
		-webkit-box-orient:vertical;
	}
	.box1_img{
		float: left;
    	width: 130px;
		height: 85px;
		margin-top: 8px;
		border-radius: 15px;
	}
	.main_box2{
		width: 100%;
		height: 290px;
		margin: 0px 0px 13px 0px;
    	background-color: white;
	}

	.box2_img{
		float: left;
    	width: 100%;
		height: 240px;
		margin-top: 8px;
	}
	.box2_span span:nth-child(1){
		width: 94%;
		height: 42px;
		overflow: hidden;
		margin-left: 14px;
		display:-webkit-box;
		-webkit-line-clamp:2;
		white-space: pre-wrap;
		text-overflow:ellipsis;
		-webkit-box-orient:vertical;
	}
}

@media only screen and (width: 375px){
	.home{
		width: 100%;
		height: 100%;	
	}
	.title_item_img,.item_img{
		width: 100%;
		height: 100%;
	}
	.home_swiper{
		width: 100%;
		height: 155px;
	}
	.home_main{
		width: 100%;
		overflow-y: scroll;
		background-color: rgb(226, 226, 226);
	}
	.main_box1{
		width: 100%;
	    height: 95px;
    	margin: 10px 0px;
    	background-color: white;
	}
	.box1_span{
		float: left;
    	width: 245px;

	}
	.box1_span span:nth-child(1){
		width: 235px;
    	font-size: 15px;
		overflow:hidden;
		margin-left: 10px;
		display:-webkit-box;
		-webkit-line-clamp:3;
		white-space: pre-wrap;
		text-overflow:ellipsis;
		-webkit-box-orient:vertical;
	}
	.box1_span span:nth-child(2){
		font-size: 12px;
		overflow:hidden;
		margin-top: 16px;
		margin-left: 10px;
		display:-webkit-box;
		-webkit-line-clamp:1;
		white-space: pre-wrap;
		text-overflow:ellipsis;
		-webkit-box-orient:vertical;
	}
	.box1_img{
		float: left;
    	width: 120px;
    	height: 80px;
		margin-top: 8px;
		border-radius: 15px;
	}
	.main_box2{
		width: 100%;
		height: 270px;
		margin: 0px 0px 13px 0px;
    	background-color: white;
	}

	.box2_img{
		float: left;
    	width: 100%;
		height: 220px;
		margin-top: 8px;
	}
	.box2_span span:nth-child(1){
		width: 94%;
		height: 42px;
		overflow: hidden;
		margin-left: 14px;
		display:-webkit-box;
		-webkit-line-clamp:2;
		white-space: pre-wrap;
		text-overflow:ellipsis;
		-webkit-box-orient:vertical;
	}
}

@media only screen and (width: 768px){
	.home{
		width: 100%;
		height: 100%;	
	}
	.title_item_img,.item_img{
		width: 100%;
		height: 100%;
	}
	.home_swiper{
		width: 100%;
		height: 210px;
	}
	.swiper_title{
		width: 100%;
		height: 100%;
	}
	.home_main{
		width: 100%;
		overflow-y: scroll;
		background-color: rgb(226, 226, 226);
	}
	.main_box1{
		width: 100%;
	    height: 130px;
    	margin: 10px 0px;
    	background-color: white;
	}
	.box1_span{
		float: left;
    	width: 564px;

	}
	.box1_span span:nth-child(1){
		height: 42px;
    	font-size: 17px;
		overflow:hidden;
		margin-left: 10px;
		display:-webkit-box;
		-webkit-line-clamp:2;
		white-space: pre-wrap;
		text-overflow:ellipsis;
		-webkit-box-orient:vertical;
	}
	.box1_span span:nth-child(2){
		font-size: 13px;
		overflow:hidden;
		margin-top: 65px;
		margin-left: 10px;
		display:-webkit-box;
		-webkit-line-clamp:1;
		white-space: pre-wrap;
		text-overflow:ellipsis;
		-webkit-box-orient:vertical;
	}
	.box1_img{
		float: right;
		width: 180px;
		height: 115px;
		margin-top: 8px;
		margin-right: 12px;
		border-radius: 15px;
	}
	.main_box2{
		width: 100%;
		height: 450px;
		margin: 0px 0px 13px 0px;
    	background-color: white;
	}

	.box2_img{
		float: left;
    	width: 100%;
		height: 385px;
		margin-top: 8px;
	}
	.box2_span span:nth-child(1){
		width: 94%;
		height: 57px;
		overflow: hidden;
		margin-left: 14px;
		line-height: 47px;
		display:-webkit-box;
		-webkit-line-clamp:2;
		white-space: pre-wrap;
		text-overflow:ellipsis;
		-webkit-box-orient:vertical;
	}
}